import { Container } from './Container'
import { NavLinks } from './Header/NavLinks'
import { Avatar } from './Logo'
export function Footer() {
  return (
    <footer className="border-t border-gray-200">
      <Container>
        <div className="flex items-center justify-between gap-12 px-6 pb-6 pt-16 lg:py-16">
          <div className="flex items-center">
            <Avatar />
            <div className="ml-4">
              <p className="text-base font-semibold">墨华未来</p>
              <p className="mt-1 text-sm">高考志愿智能填报平台</p>
            </div>
          </div>
          <nav className="hidden md:flex gap-8 ">
            <NavLinks />
          </nav>
        </div>

        <div className="items-center border-t border-gray-200 pb-12 pt-8 md:flex-row-reverse md:justify-between md:pt-6">
          <p className="mt-6 text-sm text-gray-500 md:mt-0">
            &copy; Copyright {new Date().getFullYear()}. All rights reserved.
          </p>
        </div>
      </Container>
    </footer>
  )
}
